<template>
  <h3>模板引用</h3>
  <input type="text" ref="ipt" />
  <button @click="fn">btn</button>
</template>

<script setup>
// this.$refs.ipt

// 获取元素节点，要解构useTemplateRef方法
import { useTemplateRef } from "vue";

// 这个方法只能在js的顶层进行调用
// 在js的最外面的作用域调用(不能再函数里面或者生命周期里面调用)
const input = useTemplateRef("ipt");

const fn = () => {
  console.log(input.value.focus());
};
</script>
